<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script type="text/javascript" src="jquery/jquery-1.8.3.js"></script>
        <script type="text/javascript">
            $(function(){
                /*
                alert($.browser.version);
                if($.browser.msie) {
                    alert($.browser.version);
                }
                
                var person = {name:"校长",age:29};
                //不仅可以遍历数组 还可以遍历对象
                //如果遍历的是数组，只有一个参数
                //遍历对象有两个参数
                $.each(person,function(key,value) {
                    alert(key+","+value);
                });
                */
               var person1 = {name:"校长",age:29,address:"昭通"};
               var person2 = {name:"女校长",age:45};
               //会用第二个参数来覆盖第一个参数，没有的就不进行覆盖
               //第二个参数不会有变化
               
//               var p = $.extend(person1,person2);
//               alert(person1.name+","+person1.age+","+person1.address);
//               alert(p.name+","+p.age+","+p.address);
//               alert(person2.name+","+person2.age);
//
//
               //覆盖之后不变
               var po = new Object();
               //此时会把person2的值覆盖到person1中，并且存储到po中
               //并返回po
               var p = $.extend(po,person1,person2);
//               alert(person1.name+","+person1.age+","+person1.address);
//               alert(p.name+","+p.age+","+p.address);
//               alert(po.name+","+po.age+","+po.address);
               /**
                * extend在写插件的时候极为有用
                */
               
               /**
                * grep有两个参数 第一个表示元素值，第二个表示索引
                */
//               var as = $.grep([1,2,3,4,5],function(n,i) {
//                  return n%2==0; 
//               });
//               alert(as);
               
               
//               var bs = $.grep($("table tr"),function(n,i) {
//                   //也可以传入包装集
//                    return $(n).find("td").is(":contains('张')");
//               });
//               $(bs).css("color","red");
                 
                 //如果找到返回的所在下标，如果没有找到返回-1
                 //注意 ""字符串和数字的区别
                 //alert($.inArray(23,[1,23,4]));
                 
                 //alert($("table tr").toArray());
                 
                 //将类数组对象转换为数组对象 用的很少
                 //alert($.makeArray($("table tr")));
                 
                 //map 将一个数组中的元素转换到另一个数组中
//                 var ms = $.map([2,4,6,8],function(n) {
//                    return n*10; 
//                 });
//                 alert(ms);
                 //试试对象
//                 var ms = $.map({name:"aaa",age:123},function(value,key) {
//                     var v="";
//                     if(key=='name') {
//                        v = "老张";
//                        return v;
//                     } 
//                     if(key=='age') {
//                         if(value>100){
//                            v = 99;
//                            return v;
//                         }
//                     }
//
//
//                     
//                 });
//                 alert(ms);
                    
                    //merge
                    var a1 = [1,2,3,4];
                    var a2 = [2,34,5];
                    alert($.merge(a1,a2));
                    alert(a1);
                    
                //param
                var p = {username:"招生",age:23};
                //转换成unicode 通过浏览器传
                alert($.param(p));
            });
        </script>
    </head>
    <body>
        <table width="700" border="1" align="center" id="tus"></table>
        <table width="700" border="1" align="center" id="users">
            <thead>
                <tr>
                    <td>用户标识</td>
                    <td>用户姓名</td>
                    <td>用户年龄</td>
                    <td>用户密码</td>
                </tr>
            </thead>
            <tbody>
                <tr id="abc">
                    <td>1</td>
                    <td>张三</td>
                    <td>23</td>
                    <td>abc123</td>
                </tr>
                <tr>
                    <td>2</td>
                    <td>李四</td>
                    <td>33</td>
                    <td>abc123</td>
                </tr>
                <tr>
                    <td>3</td>
                    <td>王五</td>
                    <td>13</td>
                    <td>abc123</td>
                </tr>
                <tr>
                    <td>4</td>
                    <td>赵六</td>
                    <td>45</td>
                    <td>abc123</td>
                </tr>
                <tr>
                    <td>5</td>
                    <td>朱琪</td>
                    <td>21</td>
                    <td>abc123</td>
                </tr>
            </tbody>
        </table>
    </body>
</html>
